<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>页面</title>
    <link rel="stylesheet" href="./static/css/weui.min.css">
    <link rel="stylesheet" href="./static/css/jx.css">
</head>
<body>
<div class="page button js_show">
    <div class="page__hd">
        <div class="page__title">就诊卡</div>
    </div>
    <div class="">
        <div class="weui-cells__title">基本信息</div>
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__bd weui-cell_primary">
                    <p>姓名</p>
                </div>
                <div class="weui-cell_ft">
                    bear
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__bd weui-cell_primary">
                    <p>卡号</p>
                </div>
                <div class="weui-cell_ft">
                    123446
                </div>
            </div>
        </div>
        <div class="weui-cells__title">我的挂号</div>
        <div class="weui-cells">
            <a class="weui-cell weui-cell_access" href="./guahaoList.html">
                <div class="weui-cell__bd">
                    <p>挂号记录</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
            <a class="weui-cell weui-cell_access" href="./yuyueList.html">
                <div class="weui-cell__bd">
                    <p>预约记录</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
        </div>
        <div class="weui-cells__title">门诊缴费</div>
        <div class="weui-cells">
            <a class="weui-cell weui-cell_access" href="./pendingList.html">
                <div class="weui-cell__bd">
                    <p>待支付记录</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
            <a class="weui-cell weui-cell_access" href="payList.html">
                <div class="weui-cell__bd">
                    <p>支付记录</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
        </div>

        <div class="weui-cells__title">住院缴费</div>
        <div class="weui-cells">
            <a class="weui-cell weui-cell_access" href="./zhuyuanList.html">
                <div class="weui-cell__bd">
                    <p>住院记录</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
        </div>

    </div>
    <div class="page__ft page__bd_spacing">
        <a href="javascript:;" id="cancel" class="weui-btn weui-btn_warn">取消绑定</a>
    </div>
</div>
</body>
<script type="text/javascript" src="./static/js/weui.min.js"></script>
<script type="text/javascript" src="./static/js/zepto.min.js"></script>
<script type="text/javascript">
    $('#cancel').on('click', function () {
        weui.confirm("您将取消绑定此就诊卡,确认取消绑定?", function () {
            weui.toast("成功取消成功")
            console.log(1)
        }, function () {
            weui.topTips("取消失败,请稍后再试!")
            console.log(2)
        }, {
            title: '确认取消绑定'
        })
    });
</script>
</html>

